<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>jq遍历</title>
	</head>
	<body>
		<ul>
			<li class="a">01</li>
			<li>02</li>
			<li class="a">03</li>
			<li>04
			     <ol>
			     	<li>04-1</li>
			     	<li>04-2</li>
			     </ol>
			</li>
			<li class="a">05</li>
		</ul>
		<script src="jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//取集合中的第n个   从0开始数     返回的是jq对象
			console.log($("li").eq(0))
			
			//过滤  取出匹配选择表达式的集合
			console.log($("li").filter(".a"))
			
			//后代包含ol的li
			console.log($("li").has("ol"))
			
			
			//
			$("li").on("click",function(e){
				//判断元素是否符合选择器
				//可运用在事件代理上
				if ($(e.target).is(".a") == true) {
					$(e.target).css({"color":"red"})
				}
			})
			
			var arr=[11,22,33]
			$.each(arr,function(item,index){
				//jq遍历的方法
				console.log(item,index)
			})


//			$("li").each(function(index,item){
//				console.log($(item).is(".a"))
//			})
           
           //文档加载(资源加载完毕,包括外部资源)
		  window.onload=function(){
		  	
		  }	  
		  //DOM结构加载完毕
		  $("document").ready(function(){
		  	
		  })
		  
		  
//		    var a = 10;
//          var foo = {
//              a : 20,
//              bar:function(){
//                  var a = 30;
//                  console.log(this)
//                  return this.a;
//              }
//          }
//
//          foo.bar()  ;             // 20
//          (foo.bar)() ;            // 20
//          /****************************/
//
//          // 赋值后 默认将值返回，foo.bar并没有执行，执行的是赋值的函数
//          (foo.bar = foo.bar)();   // 10
//          
//          console.clear();
//          // 逗号 表示 按顺序执行代码，最后一个逗号的右侧的结果会被返回
//          b = 1, c =2 ;
//          (foo.bar,foo.bar)()         // 10
//		  
		</script>
	</body>
</html>
